<template>
	<view class="search-box" >
		<uni-icons class="icon" type="search" size="17"></uni-icons>
		<text>搜索</text>
	</view>
</template>
<script>
	export default {
		methods : {
			
		}
	}
</script>
<style lang="scss">
	.search-box {
		width: 100%;
		position: sticky;
		top: 0%;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 30px;
		background-color: #c00000;
		z-index: 5;

		text {
			height: 20px;
			display: block;
			text-align: center;
			width: 80%;
			background-color: white;
			border-radius: 18px;

		}

		.icon {
			position: absolute;
			top: 50%;
			left: 40%;
			transform: translate(0, -50%);
		}
	}
</style>